<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>轮播图和代办事件</title>
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <div class="slideshow-container">
        <div class="mySlides">
          <img src="./img/bg1.jpg" style="width:100%">
        </div>
      
        <div class="mySlides">
          <img src="./img/bg2.jpg" style="width:100%">
        </div>
      
        <div class="mySlides">
          <img src="./img/bg3.jpg" style="width:100%">
        </div>
      
        <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
        <a class="next" onclick="plusSlides(1)">&#10095;</a>
      </div>
      
      <div class="dot-container">
        <span class="dot" onclick="currentSlide(1)"></span> 
        <span class="dot" onclick="currentSlide(2)"></span> 
        <span class="dot" onclick="currentSlide(3)"></span> 
      </div>

    <h1 class="top-h1">待办事项列表</h1>

    <div class="mian">
        <div class="container">
            <h1>Todo List</h1>
            <form id="todo-form">
                <input type="text" placeholder="请输入内容...." id="todo-input">
                <button type="submit">回车</button>
            </form>
            <ul id="todo-list"></ul>
            <button id="clear-btn">一键清除</button>
        </div>
    </div>
    
    <a href="https://gitee.com/li0802/jianli" class="ck" target="_blank">仓库</a>

   <div class="footer">
    &copy;版权归我所有
   </div>
</body>
<script src="./js/index.js"></script>
</html>